<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>营业部系数表</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/product.css">
	<style>
    	.content-table-two{
			width: 700px;
		}
		.content-table-two tbody tr td {
		    max-width: 300px;
		    min-width: 30px;
		    line-height: 30px;
		    color: #4d5971;
		    border: 1px solid #ecf2f7;
		    padding:12px;
		    text-align: center;
		}
		.content-btn{
			padding-top: 20px;
			padding-bottom: 5px;
		}
		.export-btn{
			float: left;
			margin-top: 0px;
			margin-right: 8px;
		}
	</style>
</head>
<body>
	<div class="main-content">
		<div class="main-bg">
			<p class="content-title">营业部系数表</p>
			<div class="content-list">
				<div class="info-list">
					<div class="content-btn">
						<button class="export-btn clearfix" onclick="newSalesDepartment()">新增</button>
						<button class="export-btn clearfix" onclick="modifySalesDepartment()">修改</button>
						<button class="export-btn clearfix" onclick="del()">删除</button>
					</div>
					<table class="content-table-two matop" cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<td>选择</td>
								<td>营业部人数下线</td>
								<td>营业部人数上限</td>
								<td>系数</td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td style="width:60px;"><input type="radio"></td>
								<td style="width:150px;">1</td>
								<td style="width:150px;">10</td>
								<td style="width:150px;">6.00</td>
							</tr>
							<tr>
								<td style="width:60px;"><input type="radio"></td>
								<td style="width:150px;">1</td>
								<td style="width:150px;">10</td>
								<td style="width:150px;">6.00</td>
							</tr>
							<tr>
								<td style="width:60px;"><input type="radio"></td>
								<td style="width:150px;">1</td>
								<td style="width:150px;">10</td>
								<td style="width:150px;">6.00</td>
							</tr>
							<tr>
								<td style="width:60px;"><input type="radio"></td>
								<td style="width:150px;">1</td>
								<td style="width:150px;">10</td>
								<td style="width:150px;">6.00</td>
							</tr>
							<tr>
								<td style="width:60px;"><input type="radio"></td>
								<td style="width:150px;">1</td>
								<td style="width:150px;">10</td>
								<td style="width:150px;">6.00</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="table-pages clearfix">
			<ul class="pages-list">
				<li><a href=""><</a></li>
				<li><a class="menu-active" href="">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">...</a></li>
				<li><a href="">20</a></li>
				<li><a href="">></a></li>
			</ul>
		</div>
	</div>

	<script src="js/jquery-1.12.0.min.js"></script>
	<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
    <script type="text/javascript">
		function newSalesDepartment(){
				  parent.layer.open({
			      type: 2,
			      title: '新增',
			      shadeClose: true,
			      shade: 0.2,
			      maxmin: true, //开启最大化最小化按钮
			      area: ['870px', '450px'],
			      content: 'newSalesDepartment.html'
			});
		};
		function modifySalesDepartment(){
				  parent.layer.open({
			      type: 2,
			      title: '修改',
			      shadeClose: true,
			      shade: 0.2,
			      maxmin: true, //开启最大化最小化按钮
			      area: ['870px', '450px'],
			      content: 'modifySalesDepartment.html'
			});
		};
		function del(){
			parent.layer.open({
		      type: 2,
		      title: '删除',
		      shadeClose: true,
		      shade: 0.2,
		      maxmin: true, //开启最大化最小化按钮
		      area: ['450px', '250px'],
		      content: 'delete.html'
		    });
		};
	</script>
</body>
</html>